* {margin: 0; padding: 0; outline: 0;}
*{margin:0;padding:0;list-style-type:none;}

body {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #000000;
	font-size: 12px;
	background:#fff;

	
}


h1, h2 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}


h1 {
	font-size: 36px;
}


h2 {
	font-size: 24px;
}


p {
	margin: 0 0 15px 0;
}

a {
	color: #3e3e3e;
}



.clear {
	clear: both;
}
.wrap {
	width: 100%;
	z-index: 11;
	position: relative;
	margin: 0 auto;
	padding: 0;

}



.section {
	width: 100%;
	z-index: 10;
	position: relative;
	margin: 0 auto;
	padding: 0 0 20px 0;
}


.inner {
	max-width: 1280px;
	margin: 0 auto;
	padding-left:15px;
	padding-right:15px;
	position: relative;
	font-family: "微软雅黑";
}


.inner1 {
	max-width: 1400px;
	margin: 0 auto;
	padding-left:15px;
	padding-right:15px;
	position: relative;
	font-family: "微软雅黑";
}

.inner3 {
	overflow: hidden;
	max-width: 1400px;
	margin: 0 auto;
	padding-left:15px;
	padding-right:15px;
	position: relative;
	font-family: "微软雅黑";
}

.inner4 {
	max-width: 1400px;
	margin: 0 auto;
	padding-left:15px;
	padding-right:15px;
	position: relative;
	font-family: "微软雅黑";
}


/*PC端导航开始*/

.top { width:100%; overflow: hidden;  background:#444; font-size:12px; color:#fff; display: none; }
.top .welcome { font-size:12px; color:#fff; padding-left: 20px; text-align: left; float: left; display: inline-block; }
.top .tel { font-size:12px; color:#fff; padding-right: 40px; text-align: right; float: right; display: inline-block; }

.pcnav { width:100%;  z-index: 999; position: relative; }

.logo { width:22%; float: left; height: 98px; padding: 6px 15px;   }
.logo img { display: inline-block; height: 100%;  }

.rightnav { padding-left: 6%; width:73%; float:left; text-align: center;  background: #fff; }
.rightnav li { display:inline-block; text-align: center;}
.rightnav li a { text-decoration:none; font-size:16px; font-family: "微软雅黑"; color:#333; padding: 39px 25.5px 39px; display: inline-block; }
.rightnav li a:hover { font-weight: 700; color:#fff; background: #097bc8; }

.rightnav li .xz { font-weight: 700; color:#097bc8;  }


.dh { position: absolute; 	right: 35px; width:50px;
    top: 11px;
	color:#fff;
	font-size:16px; 
    font-weight: 700; 
	    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.dh:hover { color:#097bc8;     -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s; }


.activehead .navbox .menubox .right .menu .dh { color:#333; }



.sousuo { width:88px; height: 77px;  position: absolute; top:0px; right: 160px; z-index: 999999;  }


.navtop { width:100%; background: #097bc8;  height: 40px; display: none; }



.head {
	background-color:rgba(0,0,0,.2);
	padding: 16px 0;
	position: fixed;
	z-index: 999;
	width: 100%;
	transition: all .3s;
	left: 0;
	top: 0;
}



.activehead .header-button {
    background: url(../images/sousuo1.png) no-repeat center center!important;
	margin-top: 10px!important;
}


.head .logo1 { display: block;}
.head .logo2 { display: none; }


.activehead .logo2 { display: block!important;}
.activehead .logo1 { display: none!important;}



.head .navbox {
	width: 92.5%;
	margin: 0 auto;
	position: relative;
}

.head .navbox .logobox {
	width: 182px;
	position: absolute;
	left: 0;
	top: -10px;
}


.head .navbox .navList {
	width: 65.8958%;
	margin: 0 auto;
	position: relative;
	left: 6%;
}

.head .navbox .navList a {
	display: block;
	color: #fff;
	font-size: 15px;
	width: 9.5%;
	text-align: center;
	line-height: 45px;
	float: left;
	transition: all .3s;
	position: relative;
	text-decoration: none;
	font-weight: 700;
}
.head .navbox .navList a::before {
	transition: all .3s;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 50%;
	display: block;
	content: "";
	background: #097bc8;
	transform: scaleX(0);
	transform-origin: 0 100%;
	z-index: -1;
}
.head .navbox .navList a:hover{
	color: #fff!important;
}
.head .navbox .navList a::after {
				z-index: -1;
				transition: all .3s;
				position: absolute;
				right: 0;
				bottom: 0;
				width: 100%;
				height: 50%;
				display: block;
				content: "";
				background: #097bc8;
				transform: scaleX(0);
				transform-origin: 100% 0;
			}
.head .navbox .navList a:hover::after,
.head .navbox .navList a:hover::before {
				transform: scaleX(1);
			}

.head .navbox .menubox {
	position: absolute;
	right: 0;
	top: 0;
	width: 140px;
}

.head .navbox .menubox .left {
	cursor: pointer;
	float: left;
	color: #fff;
	line-height: 45px;
	width: 84px;
	background-color: transparent;
	font-size: 16px;
	height: 45px;
	position: relative;
}

.activehead .navbox .menubox .left {
	color: #333;
}

.head .navbox .menubox .left .select a,
.head .navbox .menubox .left .select span {
	display: block;
	float: left;
}

.head .navbox .menubox .left .select span {
	padding: 0 10px;
}

.head .navbox .menubox .left .select .actlang {
	color: #097bc8;
}

.head .navbox .menubox .left .select a:hover {
	color: #097bc8;
}

.head .navbox .menubox .left .optionbox {
	line-height: 45px;
	position: absolute;
	left: 0;
	top: 45px;
	width: 100%;
	opacity: 0;
	transition: all .3s;
}

.head .navbox .menubox .left .optionbox .option {
	cursor: pointer;
}

.head .navbox .menubox .left:hover .optionbox {
	opacity: 1;
}

.head .navbox .menubox .right {
	float: left;
}

.head .navbox .menubox .right .menu {
	padding: 13px;
	cursor: pointer;
	position: relative;
}

.head .navbox .menubox .right .menu span {
	display: block;
	width: 30px;
	height: 2px;
	background: #fff;
	margin-bottom: 6px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

.head .navbox .menubox .right .menu:hover span {
	background: #097bc8;
}

.activehead .navbox .menubox .right .menu span {
	background: #333;
}

.head .navbox .menubox .right .menu span:last-child {
	margin-bottom: 0;
}

.head .navbox .menubox .right .act span {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	background: #097bc8;
}

.head .navbox .menubox .right .act span:nth-child(1) {
	margin-top: 8px;
}

.head .navbox .menubox .right .act span:nth-child(2) {
	opacity: 0;
}

.head .navbox .menubox .right .act span:nth-child(3) {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	margin-top: -16px;
}



.mask {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 111;
	display: none;
}

.mask .maskbox {
	width: 1056px;
	margin: 254px auto 0 auto;
	height: 600px;
}

.mask .maskbox .ul {
	width: 16.666%;
	float: left;
	color: #fff;
}

.mask .maskbox .ul .title {
	font-size: 24px;
	line-height: 52px;
	cursor: pointer;
	text-align: left;
}

.mask .maskbox .ul .li {
	font-size: 14px;
	color: #bbb;
	line-height: 34px;
	margin-bottom: 20px;
}

.mask .maskbox .ul .li a {
	display: block;
	transition: all .3s;
	color:#999;
	text-decoration: none;
}

.mask .maskbox .ul .li a:hover {
	margin-left: 10px;
	color: #097bc8;
}


.activehead {
    padding: 16px 0;
    background: #fff;
    box-shadow: 0px 0px 15px 0px rgba(170, 170, 170, 0.15);
}

.activehead .navbox .navList a { color:#333; }


/*sousuo*/

.header-button {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
  position: relative;
  z-index: 1;
  display: block;
  width: 54px;
  height: 60px;
  margin-top: 8px;
  padding: 0;
  outline: none;
  background: url(../images/sousuo.png) no-repeat center center;
  border: none;
  cursor: pointer;
}


.header-button:hover { background: url(../images/sousuo1.png) no-repeat center center; }



#toggle-menu {
  float: left;
  background-position: 0 0;
  background-color: #bc0023;
}

#toggle-search {
  float: right;
  background-position: -60px 0;
  margin-right:6px;
}
#toggle-search.open:after {
  top: 60px;
}
#toggle-search:after {
  -moz-transition: top, 0.5s;
  -o-transition: top, 0.5s;
  -webkit-transition: top, 0.5s;
  transition: top, 0.5s;
  position: absolute;
  top: 70px;
  left: 50%;
  margin-left: -5px;
  content: "";
  border-color: transparent transparent #e1e4e7;
  border-style: solid;
  border-width: 8px 8px 12px;
}

#toggle-basket {
  position: relative;
  float: right;
  background-position: -120px 0;
}
#toggle-basket:before {
  position: absolute;
  top: 5px;
  left: 0;
  width: 2px;
  height: 50px;
  content: "";
  background-color: #000;
}

#search-form {
  -moz-transition: max-height, 0.5s;
  -o-transition: max-height, 0.5s;
  -webkit-transition: max-height, 0.5s;
  transition: max-height, 0.5s;
  position: absolute;
  top: 77px;
  right: 16px;
  width: 500px;
  max-height: 0;
  overflow: hidden;
  background-color: #f9f9f9;
}
#search-form.open {
  max-height: 60px;
}
#search-form fieldset {
  position: relative;
  margin: 0 60px 0 0;
  padding: 0;
  border: none;
}
#search-form input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 60px;
}
#search-form input[type="search"] {
  width: 500px;
  padding: 0 5px 0 22px;
  background: transparent;
  border: none;
}
#search-form input[type="submit"] {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 59px;
  margin: 0;
  padding: 0;
  font-weight: 700;
  text-transform: uppercase;
  color: #516270;
  background: #e1e4e7;
  border: none;
  cursor: pointer;
}





/* 必要布局样式css */
.gradient-primary {
    background-color: #ff6d01;
    background-image: -moz-linear-gradient(75deg, #ff7e00 0%, #ff3f00 53%, #ff0000 100%);
    background-image: -webkit-linear-gradient(75deg, #ff7e00 0%, #ff3f00 53%, #ff0000 100%);
    background-image: -ms-linear-gradient(75deg, #ff7e00 0%, #ff3f00 53%, #ff0000 100%);
    background-image: linear-gradient(75deg, #ff7e00 0%, #ff3f00 53%, #ff0000 100%);
}

.ui-btn {
    display: inline-block;
    padding: 6px 12px;
    line-height: 18px;
    border: 1px solid #ff6d01;
    border-radius: 3px;
    color: #ff6d01;
    background-color: #fff;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.layout-wrap {
    width: 1200px;
    position: relative;
    margin: 0 auto;
}

.browser-tip p {
    text-align: center;
    color: #fff;
}

.mod-topbar {
    height: 28px;
    background: #666;
    padding: 6px 0;
    font-size: 12px;
    line-height: 16px;
    color: #a1a1a1;
    position: relative;
    z-index: 100;
}

.mod-topbar a {
    color: #fff;
    padding: 0 10px;
}

.mod-topbar .login, .mod-topbar .user-info {
    float: right;
}

.mod-topbar .user-info a {
    border-left: 1px solid #999;
}

.mod-topbar .user-info a:first-child {
    border-left: none;
}

.mod-topbar .user-info a:hover {
    color: #fff;
}





.mod-header .nav > li {
    position: relative;
    z-index: 1100;
}



.mod-header .nav .sub-nav {
    opacity: 0;
    display: none;
    filter: alpha(opacity=0);
    position: absolute;
    top: 104px;
    left: 50%;
    margin-left: -80px;
    width: 160px;
    border: 0px solid #fff;
	border-radius: 4px;
    background-color:rgba(255,255,255,1);
    z-index: 1000;
	padding-top: 8px;
	padding-bottom: 12px;
	transform: rotateY(0deg);
	transition: transform 1s;
	animation:flip 1s 0s ease both;
    transform-style: preserve-3d;
}

.rightnav li:hover > .sub-nav { transform: rotateY(360deg)!important; transition: transform 1s; transform-style: preserve-3d;  }

.mod-header .nav .sub-nav:after {
    content: "";
    color: #ff0000;
    position: absolute;
    top: -12px;
    left: 50%;
    height: 6px;
    width: 6px;
    margin-left: -6px;
    z-index: 1100;
    overflow: hidden ;
    border-width: 6px;
    border-style: dashed dashed solid;
    border-color: transparent transparent #fff;
}

.mod-header .nav .sub-nav > li > a {
    display: block;
    padding: 10px 24px;
    font-size: 12px;
    text-align: center;
    border-top: 1px solid #f1f1f1;
    color: #333;
    text-decoration: none;
	width:132px;
}

.mod-header .nav .sub-nav > li > a:hover {
    color: #fff;
    background:#097bc8;
    border-top-color:#097bc8;
}

.mod-header .nav > .new:after {
    content: "新";
    text-align: center;
    line-height: 18px;
    position: absolute;
    right: 0;
    top: 0;
    background: #f00;
    color: #fff;
    width: 18px;
    height: 18px;
    border-radius: 9px;
}





.ui-art, .ui-arb {
    position: relative;
    display: inline-block;
    height: 0;
    width: 0;
    line-height: 0;
    overflow: hidden;
    border-width: 4px;
    border-style: dashed dashed solid;
    border-color: transparent;
}
*, *:after, *:before {
    box-sizing: border-box;
}

.ui-arb {
    border-color: #888 transparent transparent;
    top: 2px;
}

.ui-arb {
    -webkit-transition: -webkit-transform 0.2s 0.2s;
    -moz-transition: -moz-transform 0.2s 0.2s;
    transition: transform 0.2s 0.2s;
}
.ui-arb.open {
    -webkit-transform: translateY(-4px) rotate(180deg);
    -moz-transform: translateY(-4px) rotate(180deg);
    transform: translateY(-4px) rotate(180deg);
}


.mod-header .nav .sub-nav > li:nth-child(1) > a { border-top:0px solid #fff; }



/*-----------手机站导航开始----------*/


/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/




.bannerimg { display:block;}



/*news*/


.synews { min-height: 350px; padding: 25px 0px; width: 100%; overflow: hidden; position: relative; }
.synewsleft { width:28%; float: left; margin-right: 4%; overflow: hidden; }
.synewsleft img { display: block; height: 330px; }

.synewscenter { width:28%; float: left; margin-right: 4%;   }
.synewscenter h1 { color:#666; font-weight: 700; font-size:20px; text-align: left; margin-bottom: 15px; }
.synewscenter span { color:#999; font-weight: 700; font-size:16px; text-align: left; display: block; margin-bottom: 30px; }
.synewscenter p { color:#777; text-align: left; font-size:14px; line-height: 24px;  }
.synewscenter p a { text-decoration:none; color:#459df5; }

.synewsright { width:36%; float: left;  }




/*新闻*/

bg-grey {
	background-color: #f2f2f4;
	width: 100%;
	height: auto;
	padding: 76px 0;
}

.content {
	max-width:1180px;
	margin: 0 auto;
	height: auto;
}

h2.title {
	text-align: center;
	font-size: 24px;
	color: #333;
	line-height: 24px;
	padding-bottom: 24px;
	position: relative;
}

h2.title:after {
	position: absolute;
	left: 50%;
	width: 46px;
	height: 1px;
	margin-left: -23px;
	background-color: #0c9;
	bottom: 0;
	content: '';
}

p.subtitle {
	margin-top: 18px;
	text-align: center;
	font-size: 16px;
	color: #666;
	line-height: 30px;
}

.tab-block {
	width: 100%;
	height: 580px;
	background-color: #FFF;
	border: 1px solid #e5e5e5;
	float: right;
}

.tab-block.information-tab {
	height: 330px
}

.tab-block.information-tab .tabs {
}

.tab-block .tab-buttons {
	width: 100%;
	height: 50px;
	background-color: #fafafa
}

.tab-block .tab-buttons .tab-button {
	width: 50%;
	float: left;
	height: 50px;
	text-align: center;
	font-size: 16px;
	color: #999;
	line-height: 50px;
	position: relative;
	cursor: pointer
}

.tab-block .tab-buttons .tab-button.cur {
	background-color: #fff;
	color: #333
}

.tab-block .tab-buttons .tab-button.cur:after {
	content: '';
	position: absolute;
	top: -1px;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #1183ff
}

.tab-block .tabs {
	width: 100%;
}

.tab-block .tabs .tab-item {
	width: 98%;
	padding: 1% 1%;
	display: none
}

.tab-block .tabs .tab-item.active {
	display: block
}

.information-tab .information-left {
	width: 500px;
	height: 340px;
	overflow: hidden;
	position: relative;
	float: left;
}

.information-tab .information-left img {
	width: 100%;
	height: auto
}

.information-tab .information-left .left-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 48px;
	line-height: 48px;
	background-color: rgba(0, 0, 0, .5);
	z-index: 2;
	color: #fff;
	padding: 0 14px
}

.information-tab .information-left .left-bottom .article-title {
	font-size: 18px;
	width: 400px;
	float: left;
}

.information-tab .information-left .left-bottom .article-time {
	font-size: 14px;
	float: right;
}

.information-tab .information-right {
	width: 100%;
}

.information-tab .information-right .article-list {
	padding-top: 15px;
}

.information-tab .information-right .article-list .article-link {
	display: block;
	padding: 0 20px;
	text-decoration: none;
}

.information-tab .information-right .article-list .article-link .article-head span {
	display: inline-block;
	vertical-align: middle
}

.information-tab .information-right .article-list .article-number {
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	color: #fff;
	background-color: #999;
	font-size: 14px
}

.information-tab .information-right .article-list .article-title {
	font-size: 14px;
	color: #333;
	line-height: 20px;
	margin-left: 14px;
	width: 80%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 700;
}

.information-tab .information-right .article-list .article-time {
	float: right;
	font-size: 12px;
	color: #999;
	line-height: 20px
}

.information-tab .information-right .article-list .article-content {
	margin-top: 10px;
	padding-left: 44px;
	font-size: 14px;
	color: #666;
	line-height: 26px;
	display: none
}

.information-tab .information-right .article-list .article-content p {
	height: 24px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
	text-decoration: none;
}

.information-tab .information-right .article-list:nth-of-type(1) .article-number,
.information-tab .information-right .article-list:nth-of-type(2) .article-number,
.information-tab .information-right .article-list:nth-of-type(3) .article-number {
	background-color: #333
}

.information-tab .information-right .article-list.current .article-link {
	background-color: #fafafc;
	padding: 20px;
	text-decoration: none;
}

.information-tab .information-right .article-list.current .article-number {
	background-color: #459df5!important
}

.information-tab .information-right .article-list.current .article-title {
	color: #459df5
}

.information-tab .information-right .article-list.current .article-content {
	display: block
}

.question-icon {
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	background: url(../images/question-icon.png) center no-repeat;
	-ms-background-size: 16px 16px;
	background-size: 16px 16px;
}

.newsleft { width:38%; float: left; margin-top: 30px; height: 430px; }

.swiper-container1 .swiper-slide p { width:100%; padding: 15px 10px; background-color:rgba(0,0,0,.5); position: absolute; bottom:0px;}
.swiper-container1 .swiper-slide p a { color:#bdbdbd; font-size:14px; }
.bg-grey { margin-bottom: 30px; } 


/*滑块*/



.huadong { background:#f5f5f5; }

/* 滑块 start */
#subjects {height:165px; background-color:#e0e2e4; position: relative; overflow: hidden; }
#subjects .g-wrap a {position:absolute; top:0; left:100%; width:100%; height:100%; overflow:hidden; -webkit-opacity:1; opacity:1; display:block\9; -webkit-transition:left 300ms, -webkit-opacity 700ms; transition:left 300ms, opacity 700ms;}
#subjects .g-wrap .item-1 {z-index:1; background-color:#c8c8c8;}
#subjects .g-wrap .item-2 {z-index:2; background-color:#ffd900;}
#subjects .g-wrap .item-3 {z-index:3; background-color:#fc433e;}
#subjects .g-wrap .item-4 {z-index:4; background-color:#2d2d58;}
#subjects .g-wrap a span {position:absolute; background:no-repeat 0 0;}
#subjects .g-wrap .p2 {-webkit-opacity:0; opacity:0; display:none\9; -webkit-transition:-webkit-opacity 400ms; transition:opacity 400ms;}
#subjects .g-wrap .item-1 .p1 {left:0; top:0; width:493px; height:165px;}
#subjects .g-wrap .item-1 .p2 {left:276px; top:68px; z-index:2; width:189px; height:29px;}
#subjects .g-wrap .item-2 .p1 {left:0; top:0; width:493px; height:165px;}
#subjects .g-wrap .item-2 .p2 {left:250px; top:26px;}
#subjects .g-wrap .item-3 .p1 {left:0; top:0; width:493px; height:165px;}
#subjects .g-wrap .item-3 .p2 {left:150px; width:282px; height:122px;}
#subjects .g-wrap .item-4 .p1 {left:0; top:0; width:493px; height:165px;}
#subjects .g-wrap .item-4 .p2 {left:307px; top:21px; width:245px; height:122px;}

/*#subjects*/
#subjects .trans a {-webkit-opacity:0; opacity:0; display:none\9;}

/* 逐个出现 */
#subjects .ready .item-2 {transition-delay:150ms; -webkit-transition-delay:150ms; -ms-transition-delay:150ms; -moz-transition-delay:150ms;}
#subjects .ready .item-3 {transition-delay:150ms; -webkit-transition-delay:300ms; -ms-transition-delay:300ms; -moz-transition-delay:300ms;}
#subjects .ready .item-4 {transition-delay:150ms; -webkit-transition-delay:450ms; -ms-transition-delay:450ms; -moz-transition-delay:450ms;}

/* 没有指向 */
#subjects .state-0 .item-1 {left:0;}
#subjects .state-0 .item-2 {left:340px;}
#subjects .state-0 .item-3 {left:617px;}
#subjects .state-0 .item-4 {left:953px;}
/* 指向第一个 */
#subjects .state-1 .item-1 {left:0;}
#subjects .state-1 .item-2 {left:492px;}
#subjects .state-1 .item-3 {left:705px;}
#subjects .state-1 .item-4 {left:917px;}
#subjects .state-1 .item-1 .p2 {-webkit-opacity:1; opacity:1; display:block\9;}
/* 指向第二个 */
#subjects .state-2 .item-1 {left:0;}
#subjects .state-2 .item-2 {left:212px;}
#subjects .state-2 .item-3 {left:705px;}
#subjects .state-2 .item-4 {left:917px;}
#subjects .state-2 .item-2 .p2 {-webkit-opacity:1; opacity:1; display:block\9;}
/* 指向第三个 */
#subjects .state-3 .item-1 {left:0;}
#subjects .state-3 .item-2 {left:212px;}
#subjects .state-3 .item-3 {left:425px;}
#subjects .state-3 .item-4 {left:917px;}
#subjects .state-3 .item-3 .p2 {-webkit-opacity:1; opacity:1; display:block\9;}
/* 指向第四个 */
#subjects .state-4 .item-1 {left:0;}
#subjects .state-4 .item-2 {left:212px;}
#subjects .state-4 .item-3 {left:425px;}
#subjects .state-4 .item-4 {left:880px;}
#subjects .state-4 .item-4 .p2 {-webkit-opacity:1; opacity:1; display:block\9;}
/* 滑块 end */

















/*分享*/


.indexFooterTopRight .shareA{width: 19px;height: 19px;margin: 0 6px;top: 5px;position: relative;display: inline-block;float: none;background-image: none;}
.indexFooterTopRight .shareA1{}
.indexFooterTopRight .shareABg1{/* background: #a5a5a5; */border-radius: 50%;}
.indexFooterTopRight .shareABg2{background: #6ccee0; border-radius: 50%; z-index: 20; left: 2px; top: 2px; bottom: 2px; right: 2px;}
.indexFooterTopRight .shareA1{background: url(../images/wb_icon1_bot.png); z-index: 30;background-position:0 0 !important;}
.indexFooterTopRight .shareA2{background: url(../images/wb_icon2_bot.png); z-index: 30;background-position:0 0 !important;}
.indexFooterTopRight .shareA3{background: url(../images/wb_icon3_bot.png); z-index: 30;background-position:0 0 !important;}
.indexFooterTopRight .shareA4{background: url(../images/wb_icon3_bot.png); z-index: 30;background-position:0 0 !important;}
.indexFooterTopRight .shareA5{color: #9f9f9f;font-weight: 700;font-size: 28px;line-height: 20px;height: 20px;padding: 0; text-decoration: none; }
.footer_mid_block{margin-right: 11.6%;}
#footer .section{width: 100%;padding: 0 4.68%;}
.blcok_lett{color: #9999a3;}
.link_left_select{width: 100%; margin-top: 10px;position: relative;background: #666;}
.link_left_select .link_left_input{width: 100%;height: 40px;line-height: 40px;padding-left: 10px;padding-right: 56px;font-size: 12px;background: none;border: 1px #666 solid;color: #fefefe;}
.link_left_select .link_left_botom{width: 40px;height: 40px;cursor: pointer;background: #097bc8 url(../images/link_bot.png) center center no-repeat;position: absolute;right: 0;top: 0;}
.link_left_select .link_left_mark{position: absolute; left: 0; bottom: -1px; height: 1px; width: 100%; z-index: 10;}
.link_left_select .link_left_mark li{width: 100%; height: 30px; line-height: 30px; padding: 0 10px; cursor: pointer; background: #fff; }
.link_left_select .link_left_mark li a{color: #5c5c5c; font-size: 14px; display: block; width: 100%; height: 30px; text-decoration: none; }
.link_left_select .link_left_mark li:hover{background: #097bc8; color: #fff;}
.link_left_select .link_left_mark li:hover a{color: #fff;}
.link_left_select .link_left_mark ul{display: none; height: 80px; overflow: auto!important; }
.bd_weixin_popup { height:auto!important;}

/*底部导航*/

.foot { width:100%; background:#444; padding: 20px 0px 10px; }
.foottop { width:100%; height: 30px; }
.foottop .foottopleft { font-size:14px; float: left; height: 30px; line-height: 30px; }
.foottop .indexFooterTopRight { float:right; margin-top: -7px; }

.foottop .foottopright { width:30px; float: right; height: 30px; margin-left: 10px; position: relative; }

.showcode11 {
    position: absolute;
    width: 100px;
    height: 100px;
    left: -30px;
    top: -120px;
    z-index: 999;
}


.footleft { width:75%; float: left; overflow: hidden; }
.footright { width:25%; float: right; margin-top:20px; border-left:1px solid #555;  }

.footleft ul { width:14%; float: left; margin-right: 2%; margin-top: 20px; margin-bottom: 10px; }
.footleft ul:last-child { margin-right:0px; }
.footleft ul span { width:100%; display:inline-block; background: url(../images/xjt2.png) no-repeat center right; font-size:16px; height: 40px; line-height: 36px; border-bottom: 1px solid #555; 
	margin-bottom: 10px;  }
.footleft ul li a { color:#999; font-size:14px; text-decoration: none; display: inline-block; padding: 5px 0px 5px 0px; }
.footleft ul li a:hover { color:#fff; }

.erxx { margin-left: 11%; width:89%; margin-top: 10px; }
.erxx .er1 { width:48%; margin-right:4%; float: left; }
.erxx .er1 img { width:100%; }
.erxx .er1 p { text-align:center; font-size:14px; color:#999; margin-top:5px; }
.erxx .er2 { width:48%;  float: left; }
.erxx .er2 img { width:100%; }
.erxx .er2 p { text-align:center; font-size:14px; color:#999; margin-top:5px;}

.footlx { width:100%; text-align: center; overflow: hidden; margin-top: 20px; }
.footlx a { padding-right: 10px; margin-right:10px; border-right: 1px dashed #555; font-size:14px; color:#999; text-decoration: none; }
.footlx a:last-child { border-right:0px solid #555; }
.footlx a:hover { color:#fff; }


.beian { width:100%; padding: 0px 0px 20px; background: #444;  }
.beian span { display:inline-block; float: left; color:#999; }
.beian a { display:inline-block; float: right; text-align: right; color:#999; text-decoration: none; }



/*首页内容*/

/*num-figure*/
.num-figure {
    width: 100%;
    height: auto;
    text-align: center;
	position: absolute; 
	right:0px; 
	bottom:0px;
	z-index: 2;
}
.num-figure li{ list-style:none; }
.OEM-ico {
    padding: 23px 0;
	width:25%;
	float:left;
}

.OEM-ico:last-child { border-right:0px solid #eee; }


.num-change{padding:0;}
.num-change li:first-child {
    width: 55px;
    height: 50px;
    margin: 0 auto;
}

.num-figure .WeSold {
    background: url("../images/trustful_03.png") no-repeat -56px 7px;
}

.num-figure .Available {
    background: url("../images/trustful_03.png") no-repeat -282px 9px;
}

.num-figure .Shopping {
    background: url("../images/trustful_03.png") no-repeat -501px 9px;
}

.num-figure .Employees {
    background: url("../images/trustful_03.png") no-repeat -726px 9px;
}

.num-figure .Trusted {
    background: url("../images/trustful_03.png") no-repeat -944px 8px;
}

.num-figure .ProjectsSup {
    background: url("../images/trustful_03.png") no-repeat -1107px 9px;
}

.OEM-ico a{
    text-decoration: none;
}

.num-change li:nth-child(2) {
    font-size: 14px;
    font-family:"微软雅黑";
    color: #999;
    font-weight: normal;
}

.num-change li:nth-child(3) {
    color: #999;
    font-size: 16px;
    margin-top: 2px;
}

.OEM-ico:hover {
    background-color:rgba(0,0,0,.2);
}

.OEM-ico:hover .num-change li:nth-child(3),
.OEM-ico:hover .num-change li:nth-child(2) {
}

.OEM-ico:hover .WeSold {
    background-position: -111px 7px;
    transition: all 0.3s;
}

.OEM-ico:hover .Available {
    background-position: -335px 7px;
    transition: all 0.3s;
}

.OEM-ico:hover .Shopping {
    background-position: -559px 7px;
    transition: all 0.3s;
}

.OEM-ico:hover .Employees {
    background-position: -789px 7px;
    transition: all 0.3s;
}

.OEM-ico:hover .Trusted {
    background-position: -999px 7px;
    transition: all 0.3s;
}

.OEM-ico:hover .ProjectsSup {
    background-position: -1154px 7px;
    transition: all 0.3s;
}

.num-figure li:hover > ul > li { color:#fff; }
.num-figure li:hover > ul > li > span { color:#fff; }
.num-change li span { color:#097bc8; padding-right: 3px; font-weight: 700; font-size:24px;  }





/*proxin*/

.protp img { width:100%; }

.prosy { overflow:hidden; position: relative; padding: 60px 0px; }


















/*内页*/

.nybanner { width:100%; overflow: hidden; position: relative; }


/*内页样式*/
a{text-decoration: none}
.nymain { overflow:hidden; position: relative; }
.nynr { width:100%; overflow: hidden;  }

.nynav { width:100%; padding: 20px 0px; background: #fff; overflow: hidden; border-bottom: 1px solid #eee;}
.nynav h2 { width:20%; float: left; font-size:16px; font-weight: 700; color:#333;  }
.nynav .nynavright { width:70%; float: right; text-align: right; }
.nynav .nynavright li { display:inline-block;}
.nynav .nynavright li a { color:#666; text-decoration: none; font-size:14px; line-height: 24px; padding-left: 15px; padding-right: 15px; }
.nynav .nynavright li a:hover { color:#1183ff; }
.nynav .nynavright li .xz { color:#1183ff; }


.nyright { padding-top:30px; width:70%; float: right; min-height: 500px;  padding-bottom: 30px;  }
.nyleft { padding-top:30px; width:30%; float: left; min-height: 500px;  padding-left: 30px; padding-bottom: 30px; }


.nyri { padding-top:30px; width:30%; float: right; min-height: 500px;  padding-left: 30px;padding-bottom: 30px;  }
.nyle { padding-top:30px; width:70%; float: left; min-height: 500px;  padding-right: 30px;padding-bottom: 30px;border-right: 1px solid #eee; }



.nymokuai { width:100%; overflow: hidden; margin-bottom: 10px; }
.nymokuai img { width:100%; display: block; }

.slider{width:305px;float:left;padding-bottom:90px;-webkit-box-shadow:0 0 30px 0 #b5b5b5; /*-moz-box-shadow: 50px 50px green; box-shadow: 50px 50px green;*/}
.slider h2{    background: #b83e5d;
    background: -webkit-linear-gradient(left, #097bc8 , #198bd8,#097bc8);
    background: -o-linear-gradient(right,#097bc8 , #198bd8,#097bc8);
    background: -moz-linear-gradient(right,#097bc8 ,#198bd8,#097bc8);
    background: linear-gradient(to right, #097bc8 , #198bd8,#097bc8);color:#fff;text-align: center;font-size:32px;padding:25px 0;line-height: 1.5;margin-bottom:1px}
.slider h2 span{font-size:17px; display: block;}
.slider  .slider-link a{ display: block;margin:0 30px;border-bottom: 1px solid #dcdcdc; padding-left:60px;color:#595757;font-size:18px;line-height: 40px;}
.slider  .slider-link a.active,.slider  .slider-link a:hover{background-color: #097bc8;color:#fff;margin:0;padding-left:90px;background-image: url(../images/icon.png);background-repeat: no-repeat;background-position: 240px -1919px;}
.slider .link-more a{ display: block;margin:0 60px;padding:20px 0;text-align: center;color:#097bc8;font-size:18px;border-bottom:1px solid #097bc8;line-height: 1.5;}
.slider .link-lian{margin:60px 25px 0;}
.slider .link-lian a{ display: block;width:170px;margin: auto 0; padding:10px 0;text-align: center;color:#097bc8;font-size:18px;border-bottom:1px solid #fafafa;line-height: 1.5;}
.slide-contact{margin:60px 25px 0;}
.slide-contact dl{background-image: url(../images/icon.png); background-repeat: no-repeat;padding-left:48px;margin-top:20px;min-height: 40px;}
.slide-contact dl dd{font-size:14px;color:#666;line-height: 1.6;}
.slide-contact dl dt{font-size:18px;color:#222;}
.slide-contact dl:nth-child(1){background-position: 0 -1160px;}
.slide-contact dl:nth-child(2){background-position: 0 -1280px;}
.slide-contact dl:nth-child(3){background-position: 0 -1395px;}






.fl{float:left;}
.fr{float:right;}
.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}
.color-white{color:white!important;}
.red{color:#f00001!important;}
.fz12{font-size:12px;}
.fz14{font-size:14px;}
.wfs{width:100%;position:relative;}
.p_r{position:relative;}

.clearfix:after{content:"";display:block;clear:both;}
/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:0px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#353535;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}

.suspension  .d-cart{top:0;}
.suspension .d-service{top:43px;}
.suspension .d-service-phone{top:124px;}
.suspension .d-qrcode{top:74px;}
.suspension .d .inner-box{padding:12px 22px 12px;}
.suspension .d-service-item{padding:10px 0;}

.suspension .d-service-item p{color:#333}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.d-cart .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#02abf0;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.d-cart .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon04.jpg) no-repeat center ;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;color:#333}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode .inner-box  p{color:#333}
.suspension .d-qrcode .inner-box .qrcode-img img{margin: auto}







/*翻页*/


 .inwrap {
	float: left;
	position: relative;
	left: 49%;
}

.inwrap .pagebox {
	float: left;
	position: relative;
	left: -50%;
	color: #888;
}

.prevPage {
	margin-right: 8px;
}

.prevPage,
.nextPage {
	float: left;
	width: 80px;
	height: 35px;
	box-sizing: border-box;
	border: solid 1px #d7d7d7;
	display: block;
}

.pagenum {
	float: left;
	width: 35px;
	height: 35px;
	box-sizing: border-box;
	border: solid 1px #d7d7d7;
	margin-right: 8px;
	display: block;
	line-height: 35px;
}

.activenum {
	background: #005ba0;
	color: #fff;
	border: none;
}

.pagebox .lastpage,
.pagebox .allpage {
	float: left;
	width: 80px;
	height: 35px;
	box-sizing: border-box;
	border: solid 1px #d7d7d7;
	display: block;
	margin-left: 8px;
}

.pagebox .allpage {
	border: none;
}

.loadmore {
	text-align: center;
	display: none;
	width: 90%;
	margin: 44px auto 64px auto;
	height: 44px;
	font-size: 16px;
	line-height: 44px;
	color: #fff;
	background: #005ba0;
	border-radius: 2px;
}
.page1{
    display: flex;
flex-wrap: wrap;
align-items: flex-start;
margin-top: 30px;
}
.page1 span a{

display: block;
font-size: .8125rem;
line-height: 1.75rem;
border: 1px #ddd solid;
padding: 0 .75rem;
margin-left: .25rem;
margin-bottom: .25rem;
color: #999;
-webkit-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;

}
.page1 span a:hover{border:1px solid #999;color:#999;}
.page1 span{margin:2px;}
.page1 span.current a{border:1px solid #015ca0;background:#015ca0;color:#fff;}
.page1 span a.disabled{border:1px solid #ccc;color:#ccc;cursor:default;}









.sub-tit{clear: both;width:100%;height:37px;border-bottom:1px solid #dcdcdc}

.fl{ float:left; margin-top:90px; margin-right:10px;}
.fr{ float:right; margin-top:90px;}


/*相关案例*/
#scrollbox{ float:left;}
.sub-tit h3 {
    font-size: 18px;
    color: #097bc8;
    float: left;
    border-bottom: 3px solid #097bc8;
    line-height: 38px;
	clear: both;}
.h_tonglan {width:959px;margin:0 auto;}
.h_tonglan dl {width:900px;height:32px;_height:32px;background:url(image/huixian2.gif) repeat-x top;margin-left:10px;margin-right:10px;}
.h_tonglan dl dd {float:left;width:196px;height:32px;_height:32px;background:url(/image/lvx2.gif) repeat-x top;}
.h_tonglan dl dt {float:right;width:700px;text-align:right;line-height:25px;min-height:25px;color:#6A6A6A;}
.h_tonglan ul {overflow:hidden;}
.h190px {overflow:hidden;margin-left:10px;margin-right:10px;padding-bottom:3px;padding-top:14px;}
.h190px img {width:900px;border:0px;}

.h218px {width:959px;padding-top:14px;margin:0 auto;}
.h218px th {padding-top:67px;}
.h218px td {overflow:hidden;}
#scrollbox ul {overflow:hidden;}
#scrollbox ul LI {FLOAT:left;width:210px;vertical-align:top;font-size:12px;line-height:18px;min-height:18px;text-align:center;padding:0px;overflow:hidden; margin-left:10px; margin-right:10px;}
#scrollbox ul LI  a{display: inline-block;}
#scrollbox ul LI img{ width:210px;height:230px;border:0px;}
#scrollbox ul LI span{color: rgba(0,0,0,1.00);display: block;text-align: center;width: 100%; font-size: 16px; color: #333;line-height: 32px;}
.pointer {CURSOR: pointer}
#scrollbox ul LI :hover span{color: #097bc8;}

/*相关新闻*/
.news-list-order{margin:20px 0;}
.news-list-order ul{clear:both;overflow: hidden;margin:20px 0;}
.news-list-order li{color:#097bc8;width:475px;float:left;padding:0 20px;position: relative;font-size:14px;margin:8px 0;}
.news-list-order li:before{content: '';position: absolute;top:50%;margin-top:-3px;left:5px; width:6px;height: 6px;-webkit-border-radius:50%;border-radius:50%;background: #999}
.news-list-order li a{color:#097bc8;}
.news-list-order li a.title-style{color:#333;}
.news-list-order li span{color:#999; float:right;}



/*about*/

.aboutny h1 { color:#666; font-size:18px; font-weight: 700; margin-bottom: 20px; }
.aboutny p { color:#666; font-size:14px; line-height: 30px; }


.zzbox { width:49%; margin-right: 2%; float: left; overflow: hidden; margin-bottom: 20px; }
.zzbox:nth-child(2n) { margin-right:0px; }
.zzbox .zzimg { width:100%; overflow: hidden; position: relative; }
.zzbox .zzimg img { width:100%; display: block; }
.zzbox .zzfont { padding:20px; background: #f5f5f5; text-align: center;  }
.zzbox .zzfont a { color:#666; font-size:14px; text-decoration: none; }


/*pro*/
.prony { padding-left:1px; }
.probox { width:30%; margin-right: 3.3%; float: left; overflow: hidden; margin-bottom: 20px; outline: 1px solid #eee; border-bottom: 1px solid rgba(233,233,233,1.00)}
.probox:nth-child(3n) { margin-right:0px; }
.probox .proimg { width:100%; overflow: hidden; position: relative; }
.probox .proimg img { width:100%; display: block; }
.probox .profont { padding:20px; background: #fff; text-align: center;  }
.probox .profont a { color:#666; font-size:14px; text-decoration: none; }


/*case*/

.nycase { position: relative; }
.nycase .casebox { width:32%; margin-right: 2%; float: left; overflow: hidden; margin-bottom: 22px; transition:all 0.3s ; }
.nycase .casebox:nth-child(3n) { margin-right:0px; }
.nycase .casebox .caseimg {overflow: hidden;}
.nycase .casebox .caseimg img { width:100%; display: block; }

.nycase .casebox .caseimg1 {height: 300px;overflow: hidden;}
.nycase .casebox .caseimg1 img { width:100%; display: block; }

.nycase .casebox .casefont { width:100%; height: 100px;   top:0px; left: 0px ; border-bottom: 1px solid rgba(233,233,233,1.00);}
.nycase .casebox .casefont p img { display: inline-block;  }
.nycase .casebox .casefont h1 { color:#000; font-size:18px; font-weight: normal; margin-top: 25px; padding-left: 10px;padding-right: 10px;}
.nycase .casebox .casefont p{color:#999; font-size:14px;  margin-top: 15px; padding-left: 10px;padding-right: 10px;}
.nycase .casebox .casefont h1:hover{color: #097bc8}

.nycase .casebox:hover{transform:translate3d(0px, -16px, 0px);box-shadow:0 3px 10px rgb(222, 222, 222); transition: all 0.3s ;}
/*news*/


.nyxwbox { width:100%; padding-bottom: 20px; border-bottom: 1px solid #eee; overflow: hidden; padding-right: 10px; margin-top: 20px; }
.nyxwbox:nth-child(1) { margin-top:0px; }
.nyxwbox:hover { background:#f5f5f5;}
.nyxwbox .newsrq { width:10%; margin-right: 2%; float: left; background: #f5f5f5; min-height: 100px; text-align: center; padding-top: 15px; color:#666; }
.nyxwbox .newsxq { width:88%; float: left;  }
.nyxwbox .newsxq h1 { color:#333; font-size:20px; text-align: left; font-weight: 700; margin-bottom: 10px; margin-top: 10px; }
.nyxwbox .newsxq span { display:block; text-align: left; color:#666; margin-bottom: 10px; }
.nyxwbox .newsxq p { font-size:14px; text-align: left; color:#666; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 1; overflow: hidden; }



/*contact*/


.nycenter { padding-top:30px; width:100%; min-height: 500px;  padding-bottom: 30px;  }
/*contact*/

.nycontact h1 { text-align:center; color:#333; font-size:24px; margin-bottom: 30px; padding-bottom: 30px; border-bottom:1px solid #f5f5f5; }
.contactnr { font-size:14px; width:100%; overflow: hidden; }
.contactnr p { margin-bottom:10px; font-size:16px; color:#666; line-height: 32px; }
.contactleft { width:50%; float: left; }
.contactleft p { color:#666; font-size:16px; margin-bottom: 10px; }
.contactright { width:50%; float: right; text-align: right; }
.contactright img { display:inline-block; width:240px;  }
.contactmap { padding-top:50px; margin-top: 40px; margin-bottom: 20px; border-top:1px solid #eee;}

.liuyan { width:100%; overflow: hidden; position: relative; }
.liuyanbox { width:32%; margin-right: 2%; float: left; margin-bottom: 30px; }
.liuyanbox:nth-child(3) { margin-right:0px; }
.liuyanbox input { width:100%; padding: 15px 2.5%; color:#999; font-size:16px; border:1px solid #bdbdbd;  }
.liuyanbox1 { width:100%; margin-bottom: 30px; padding: 1%; border: 1px solid #bdbdbd; }
.liuyanbox1 textarea { width:99.5%; margin: 0.25%; color:#999; font-size:16px; min-height: 200px;  display: block; border: 1px solid #fff; }
.tijiao { width:100%; overflow: hidden; text-align: center }
.tijiao a { display: inline-block; min-width:150px; color:#fff; background:#999; text-align: center; font-size:16px; padding: 15px 50px; text-decoration: none; }
.tijiao a:hover { background:#097bc8; color:#fff; }



/*新闻详情*/

.newsnyxq { overflow:hidden; position: relative; }
.newsnyxq h1 { text-align:left; color:#333; font-size:20px; font-weight: 700; margin-bottom: 10px; }
.newsnyxq .newsly { text-align:left; margin-bottom: 20px; }
.newsnyxq .newsly span { margin-right:20px; color:#999; display: inline-block; font-size:14px; }
.newsnyxq .xq p { color:#333;  font-size:14px; line-height: 30px; margin-bottom: 10px; }
.newsnyxq .xq img { max-width: 100%; display: block; margin: 0 auto;}


/*产品详情*/

.proxq { width:100%; overflow: hidden; position: relative;  }

.proii { width:400px; height: 400px; overflow: hidden; float: left; background: #fff; }
.prooo { width:500px; overflow: hidden; margin: 10px auto; min-height: 80px; position: absolute; right:0px; top:290px; }
.num{ height:82px;overflow:hidden; width:500px; position:relative;float:left;}
.min_pic{ padding-top:10px; width:570px; position: absolute; bottom: 0px; left: 550px;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:80px; height:80px; margin-right:5px; padding:1px; background: #fff;}
.num ul li.on{ border:1px solid red; padding:0;}
.prev_btn1{ padding-top: 30px; width:26px; text-align:center; height:82px; margin-top:0px; margin-right:10px; cursor:pointer; float:left; background: #fff; }
.next_btn1{ padding-top: 30px; width:26px; text-align:center; height:82px; margin-top:0px;cursor:pointer;float:right; background: #fff;}
.prev1{ display: none; position:absolute; top:220px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.next1{ display: none; position:absolute; top:220px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.mhc{ background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:absolute; left:0; top:0; display:none;}
.pop_up{ width:400px; height:400px; padding:10px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-255px; margin-top:-255px; display:none; z-index:99;}
.pop_up_xx{ width:40px; height:40px; position:absolute; top:-40px; right:0; cursor:pointer;}
.pop_up2{ width:400px; height:400px; position:relative; overflow:hidden;}
.pop_up2{ width:400px; height:400px; position:relative; overflow:hidden; float:left;}
.pop_up2 ul{ position:absolute; left:0; top:0;}
.pop_up2 ul li{ width:400px; height:400px; float:left;}

.profontxq { width:500px; height: 400px; position: absolute; right:0px; top: 0px; }
.profontxq h1 { font-size:24px; color:#333; text-align: left; font-weight: 700; margin-bottom: 20px;  }
.profontxq p { margin-top:10px;  color:#666; line-height: 24px; font-size: 16px;
    
    padding: 10px 0; }

.probutbox { width:100%; padding-top: 40px; border-top:1px solid #eee; margin-top: 30px; position:relative;}
.probutbox a { display: block;
    width: 130px;
    height: 40px;
    overflow: hidden;
    text-align: center;
    line-height: 40px;
    color: #fff;
    background: #097bc8;
    font-size: 16px;
    float: left;
    margin-right: 20px;
    position: relative;
    text-decoration: none;
	border:0px solid #eee;
    border-radius: 20px;

}



.probutbox .zixun{ background: #0f6cab;} 




.showcode44 {
    position: absolute;
    width: 100px;
    height: 100px;
    left: 130px;
	top: 40px;}

.proxiangxi { width:100%; padding-top: 20px; }
.proxiangxi h2 { border-bottom:1px solid #eee; font-size:18px; font-weight: normal; color:#666; padding-bottom: 10px; margin-bottom: 30px; }
.proxiangxi p { margin-bottom:15px; line-height: 24px; color:#666; font-size:14px; }
.proxiangxi img { display:block; margin: 0 auto;}

.bg-gray {
    padding: 50px 0;
}


.bg-gray {
    background: #f1f1f1;
}
.bg-gray h1 {
    font-size: 30px;
    color: #333;
	text-align: center;
font-weight: bold;}
.bg-gray .times {
    font-size: 16px;
    color: #0f6cab;
	text-align: center;margin-top: 20px;}

.probottom { width:100%; overflow: hidden; margin: 0 auto; font-size:14px; padding-top: 30px; border-top:1px solid #eee; margin-top: 30px; }
.probottom .newsleft { width:70%; overflow: hidden; float: left; margin-top: 0px; height: auto;  }
.probottom .newsleft p { color:#666; font-size:14px; margin-bottom: 10px; }
.probottom .newsleft p a { color:#666; font-size:14px; text-decoration: none; }
.probottom .newsright { width:30%; overflow: hidden; float: left; }
.probottom .newsright a { display:block; width:110px; height: 42px; background:#999; color:#fff; text-align: center; float: right; line-height: 42px; text-decoration: none; border:0px solid #eee; border-radius: 4px; }






/*手机版*/


.sjbanner { width:100%; overflow: hidden; position: relative; display: none; }
.sjbanner img { width:100%; display: block; }
.zhihui1 { display: block;  }
.zhihui2 { display:none;}

@media(max-width:768px) {
	.suspension{display: none;}
	.anli .anlilist .anlibox { width:50%; }
	
	.OEM-ico { padding: 10px 0px; }
	.num-change li:nth-child(3) { font-size:12px; }
	.num-change li span { font-size:14px; }
	.num-change li:first-child { width:55px; height: 42px; }

	
	.num-figure .WeSold {
    background: url("../images/trustful_031.png") no-repeat -56px 7px;
}

.num-figure .Available {
    background: url("../images/trustful_031.png") no-repeat -282px 9px;
}

.num-figure .Shopping {
    background: url("../images/trustful_031.png") no-repeat -501px 9px;
}

.num-figure .Employees {
    background: url("../images/trustful_031.png") no-repeat -726px 9px;
}

.num-figure .Trusted {
    background: url("../images/trustful_031.png") no-repeat -944px 8px;
}

.num-figure .ProjectsSup {
    background: url("../images/trustful_031.png") no-repeat -1107px 9px;
}
	
	
.zhihui .title1 { top:0px;  }
	
.zh01,.zh02,.zh03,.zh04,.zh05,.zh06  { width:30%; height: auto; position: relative; float: left; margin-right: 5%; margin-bottom: 20px; }
	.zh03 { margin-right:0px!important; }
    .zh06 { margin-right:0px!important; }
.zh06 img { width:100%; }
.zh05 img { width:100%; }
.zh04 img { width:100%; }
.zh03 img { width:100%; }
.zh02 img { width:100%; }
.zh01 img { width:100%; }
.zh01 { top:auto; left: auto; }
.zh02 { top:auto; left: auto; }
.zh03 { top:auto; left: auto; }
.zh04 { top:auto; right:auto; }
.zh05 { top:auto; right:auto; }
.zh06 { top:auto; right:auto; }
	
	
	
	.aboutleft { width:100%; float: none; margin-top: 20px; }
	.aboutright { width:100%; float: none; margin-top: 20px; }
	.about .title3 { margin-top:0px; }
	.aboutright p { overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:7; 
margin-bottom: 50px; }
	
	
	.yuangong .ygleft { width:100%; float: none; }
	.yuangong .ygleft img { min-height:inherit; }
	.yuangong .ygleft p span { display:none; }
	.yuangong .ygright { width:100%; float: none; margin-top: 20px; }
	.newsbox .newsfont h1 { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; }
	
	.newsbox .newsfont p { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
	.footleft { display:none; }
	
	.footright { float:none; width:100%; border-left: 0px solid #555; height: auto; }
	.erxx { margin-left:0px; width:100%; }
	
	
	.yuangong .title4 { margin-top:10px; }
	
	
	
	.zhihui .title1 { position: relative; margin-top: 10px; margin-bottom: 10px;  } 
	.zhihui1 { display: none;  }
    .zhihui2 { display: block;}
	.zhihui {  background: url(../images/zhihuibg1.jpg) no-repeat center center; }
	.beian span { float:none; }
	.beian a { float:none;}
	.beian { text-align:center;display: none;}
	
	
	
	.youshi1 { width:100%; float: none; overflow: hidden; }
    .youshi2 { width:100%; float: none; overflow: hidden; }
	
	
	
	/*内页*/
	
	.nynav {display: none;} 
	.nyabout { width:78%; }
	.leftnavbg { display:none; }
	.nypro { width:78%; }
	.nynews { width:78%; }
	.nycase { width:78%; }
	.nyjoin { width:78%; }
	.nygongyi { width:78%; }
	.nycontact { width:78%; }
	.contactleft { width:100%; float: none; }
	.contactright { width:100%;float: left;
    text-align: left; }
	.liuyanbox { width:100%; margin-right: 0px; margin-bottom: 20px; }
	
	
	/*产品*/
	
	.proxiangxi img { width:100%; }
	
	
	
	
	
	
	
}





@media(max-width:1400px)  { 

	.syabout .syaboutfont p {     overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6; }
	
}

@media(max-width:1281px)  { 

	.rightnav li a {  padding: 39px 20px 39px; }
	
}